.sortable {
	.sortable-item {
		position: relative;

		@if $ui-transitions {
			transition: left $ui-controls-transition-duration, top $ui-controls-transition-duration;
		}
	}

	&.sortable-dragging {
		isolation: isolate;

		.sortable-item {
			&.sortable-item-dragging {
				opacity: 0.6;
				z-index: 1;
				transition: left 0s, top 0s;
			}
		}
	}

	&.sortable-transitions-disabled {
		.sortable-item {
			@if $ui-transitions {
				transition: left 0s, top 0s;
			}
		}
	}
}

.sortable {
	&.sortable-disabled {
		.sortable-item {
			.drag-icon {
				@extend %drag-icon-disabled;
			}

			.sortable:not(.sortable-disabled) {
				.sortable-item {
					.drag-icon {
						@extend %drag-icon-enabled;
					}
				}
			}
		}
	}
}
